﻿
@{
    ViewBag.Title = "Inbox";
}

<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-3">
            <div class="ibox float-e-margins">
                <div class="ibox-content mailbox-content">
                    <div class="file-manager">
                        <a class="btn btn-block btn-primary compose-mail" href="@Url.Action("ComposeEmail", "Mailbox")">Compose Mail</a>
                        <div class="space-25"></div>
                        <h5>Folders</h5>
                        <ul class="folder-list m-b-md" style="padding: 0">
                            <li><a href="@Url.Action("Inbox", "Mailbox")"> <i class="fa fa-inbox "></i> Inbox <span class="label label-warning pull-right">16</span> </a></li>
                            <li><a href="@Url.Action("Inbox", "Mailbox")"> <i class="fa fa-envelope-o"></i> Send Mail</a></li>
                            <li><a href="@Url.Action("Inbox", "Mailbox")"> <i class="fa fa-certificate"></i> Important</a></li>
                            <li><a href="@Url.Action("Inbox", "Mailbox")"> <i class="fa fa-file-text-o"></i> Drafts <span class="label label-danger pull-right">2</span></a></li>
                            <li><a href="@Url.Action("Inbox", "Mailbox")"> <i class="fa fa-trash-o"></i> Trash</a></li>
                        </ul>
                        <h5>Categories</h5>
                        <ul class="category-list" style="padding: 0">
                            <li><a href="#"> <i class="fa fa-circle text-navy"></i> Work </a></li>
                            <li><a href="#"> <i class="fa fa-circle text-danger"></i> Documents</a></li>
                            <li><a href="#"> <i class="fa fa-circle text-primary"></i> Social</a></li>
                            <li><a href="#"> <i class="fa fa-circle text-info"></i> Advertising</a></li>
                            <li><a href="#"> <i class="fa fa-circle text-warning"></i> Clients</a></li>
                        </ul>

                        <h5 class="tag-title">Labels</h5>
                        <ul class="tag-list" style="padding: 0">
                            <li><a href=""><i class="fa fa-tag"></i> Family</a></li>
                            <li><a href=""><i class="fa fa-tag"></i> Work</a></li>
                            <li><a href=""><i class="fa fa-tag"></i> Home</a></li>
                            <li><a href=""><i class="fa fa-tag"></i> Children</a></li>
                            <li><a href=""><i class="fa fa-tag"></i> Holidays</a></li>
                            <li><a href=""><i class="fa fa-tag"></i> Music</a></li>
                            <li><a href=""><i class="fa fa-tag"></i> Photography</a></li>
                            <li><a href=""><i class="fa fa-tag"></i> Film</a></li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-9 animated fadeInRight">
            <div class="mail-box-header">

                <form method="get" action="#" class="pull-right mail-search">
                    <div class="input-group">
                        <input type="text" class="form-control input-sm" name="search" placeholder="Search email">
                        <div class="input-group-btn">
                            <button type="submit" class="btn btn-sm btn-primary">
                                Search
                            </button>
                        </div>
                    </div>
                </form>
                <h2>
                    Inbox (16)
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">
                    <div class="btn-group pull-right">
                        <button class="btn btn-white btn-sm"><i class="fa fa-arrow-left"></i></button>
                        <button class="btn btn-white btn-sm"><i class="fa fa-arrow-right"></i></button>

                    </div>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="left" title="Refresh inbox"><i class="fa fa-refresh"></i> Refresh</button>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as read"><i class="fa fa-eye"></i> </button>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as important"><i class="fa fa-exclamation"></i> </button>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash"><i class="fa fa-trash-o"></i> </button>

                </div>
            </div>
            <div class="mail-box">

                <table class="table table-hover table-mail">
                    <tbody>
                        <tr class="unread">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Anna Smith</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Lorem ipsum dolor noretek imit set.</a></td>
                            <td class=""><i class="fa fa-paperclip"></i></td>
                            <td class="text-right mail-date">6.10 AM</td>
                        </tr>
                        <tr class="unread">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks" checked>
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Jack Nowak</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Aldus PageMaker including versions of Lorem Ipsum.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">8.22 PM</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Facebook</a> <span class="label label-warning pull-right">Clients</span> </td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Many desktop publishing packages and web page editors.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Jan 16</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Mailchip</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">There are many variations of passages of Lorem Ipsum.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Mar 22</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Alex T.</a> <span class="label label-danger pull-right">Documents</span></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Lorem ipsum dolor noretek imit set.</a></td>
                            <td class=""><i class="fa fa-paperclip"></i></td>
                            <td class="text-right mail-date">December 22</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Monica Ryther</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">The standard chunk of Lorem Ipsum used.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Jun 12</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Sandra Derick</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Contrary to popular belief.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">May 28</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Patrick Pertners</a> <span class="label label-info pull-right">Adv</span></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">If you are going to use a passage of Lorem </a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">May 28</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Michael Fox</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Humour, or non-characteristic words etc.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Dec 9</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Damien Ritz</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Oor Lorem Ipsum is that it has a more-or-less normal.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Jun 11</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Anna Smith</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Lorem ipsum dolor noretek imit set.</a></td>
                            <td class=""><i class="fa fa-paperclip"></i></td>
                            <td class="text-right mail-date">6.10 AM</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Jack Nowak</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Aldus PageMaker including versions of Lorem Ipsum.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">8.22 PM</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Mailchip</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">There are many variations of passages of Lorem Ipsum.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Mar 22</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Alex T.</a> <span class="label label-warning pull-right">Clients</span></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Lorem ipsum dolor noretek imit set.</a></td>
                            <td class=""><i class="fa fa-paperclip"></i></td>
                            <td class="text-right mail-date">December 22</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Monica Ryther</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">The standard chunk of Lorem Ipsum used.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Jun 12</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Sandra Derick</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Contrary to popular belief.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">May 28</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Patrick Pertners</a> </td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">If you are going to use a passage of Lorem </a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">May 28</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Michael Fox</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Humour, or non-characteristic words etc.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Dec 9</td>
                        </tr>
                        <tr class="read">
                            <td class="check-mail">
                                <input type="checkbox" class="i-checks">
                            </td>
                            <td class="mail-ontact"><a href="@Url.Action("EmailView", "Mailbox")">Damien Ritz</a></td>
                            <td class="mail-subject"><a href="@Url.Action("EmailView", "Mailbox")">Oor Lorem Ipsum is that it has a more-or-less normal.</a></td>
                            <td class=""></td>
                            <td class="text-right mail-date">Jun 11</td>
                        </tr>
                    </tbody>
                </table>


            </div>
        </div>
    </div>
</div>

@section Styles {
    @Styles.Render("~/Content/plugins/iCheck/iCheckStyles")
}

@section Scripts {
    @Scripts.Render("~/plugins/iCheck")

    <script type="text/javascript">
        $(document).ready(function () {

            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });

        });
    </script>
}